<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>Sharein</title>
<link rel="stylesheet" type="text/css" href="../Sharein/css/auth.css" />
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<script type="text/javascript" src="js/auth.js"></script>
<script type="text/javascript">
	var shareinID; 
	shareinID = getAjax("GET", "getsignedinuser.do", "");
	if(shareinID == "") shareinID = "This is a ShareinID test";
	else if(shareinID != "0") window.location = "home.html";
</script>
</head>
<body onload="load();">
	<div id="header_backgroud"></div>
	<div id="pwdrecovery_back"></div>
	<img src="images/auth/sharein_logo.png" alt="The header image" id="header_logo" />
	<img src="images/auth/auth_link.png" alt="The link image" id="link_img" />
	<div id="pwdrecoveryDiv">
		<p style="color:#0f687b;font-size:1.2em;text-align:center;margin-top:30px;">Please enter your <b>Sharein ID</b> :</p>
		<input type="text" name="shareinIDrecovery" id="shareinIDrecovery" style="margin-left:100px;" />
		<br /><br />
		<input type="button" value="OK" id="pwdrecoveryOK" onclick="pwdrecoveryOK()" />
		<input type="button" value="Cancel" id="pwdrecoveryCancel" onclick="pwdrecoveryCancel()" />
		<p id="pwdrecovery_error"></p>
	</div>
	<form action="signin.do" method="post" id="signin_form" name="signin_form" onsubmit="return validateSigninForm()">
		<table>
			<tr style="color:#1389a7">
				<td><label for="shareinID">&nbsp;Sharein ID</label></td>
				<td><label for="password">&nbsp;Password</label></td>
			</tr>
			<tr>
				<td><input type="text" name="shareinID" id="shareinID" /></td>
				<td><input type="password" name="password" id="password" /></td>
				<td><input type="submit" value="Sign in" id="signin_btn" /></td>
			</tr>
			<tr id="keep" style="color:#d0f1f9">
				<td><input type="checkbox" name="persistent" id="persistent" value="true" /><label for="persistent">Keep me signed in</label></td>
				<td><a href="javascript:void(0)" id="forgot" style="color:#d0f1f9" onclick="pwdrecovery()">&nbsp;Forgot your password?</a></td>
				<td><p id="signin_error"></p></td>
			</tr>
		</table>
	</form>
	<form action="signup.do" method="post" id="signup_form" name="signup_form" onsubmit="return validateSignupForm()">
		<h2 id="join" style="color:#1389a7">Join Sharein now</h2>
		<hr style="border-color:#c9e9f6;"/>
		<table>
			<tr>
				<td class="signup_td"><label for="fullname">Full Name :</label></td>
				<td><input type="text" name="fullname" id="fullname" /></td>
			</tr>
			<tr>
				<td class="signup_td"><label for="gender">Gender :</label></td>
				<td>
					<select name="gender">
						<option value="null">I am :</option>
						<option value="male">Male</option>
						<option value="Female">Female</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="signup_td"><label for="email">Email :</label></td>
				<td><input type="text" name="email" id="email" /></td>
			</tr>
			<tr>
				<td class="signup_td"><label for="new_shareinID">New Sharein ID :</label></td>
				<td><input type="text" name="new_shareinID" id="new_shareinID" /></td>
			</tr>
			<tr>
				<td class="signup_td"><label for="new_password">New Password :</label></td>
				<td><input type="password" name="new_password" id="new_password" /></td>
			</tr>
			<tr>
				<td class="signup_td"><label for="question">Question :</label></td>
				<td><input type="text" name="question" id="question" /></td>
			</tr>
			<tr>
				<td class="signup_td"><label for="answer">Secret answer :</label></td>
				<td><input type="text" name="answer" id="answer" /></td>
			</tr>
			<tr><td colspan="2"><input type="submit" value="Sign up" id="signup_btn" /></td></tr>
		</table>
		<p id="signup_error"></p>
		<hr style="margin-top:30px;border-color:#c9e9f6;" />
	</form>
	<div id="footer_space"><canvas id="footerSpaceCanvas"></canvas></div>
	<div id="footer">
		<p id="copyright">Sharein &copy; <script type="text/javascript">document.write((new Date()).getFullYear());</script></p>
	</div>
</body>
</html>